<template>
  <div class="DraggableItemBtns">
            <span
                class="drawing-item-delete"
                title="删除"
                @click.stop="emitDeleteItem(index, drawingList)"
            >
              <el-icon>
                <Close/>
              </el-icon>
            </span>
  </div>
</template>
<script setup name='DraggableItemBtns'>
import {Close} from "@element-plus/icons-vue";
const props = defineProps({
  index: Number,
  drawingList: Array,
})
const emit = defineEmits(['deleteItem'])
const emitDeleteItem = (index,drawingList) => {
  emit('deleteItem', index, drawingList)
}
</script>
<style scoped lang='scss'>

.DraggableItemBtns {
  .drawing-item-delete{
    width: 18px;
    height: 18px;
    background: #409eff;
    color: #fff;
    display: flex;flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
  }
}
</style>
